<template>
	<view>
		
		<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" circular="true">
			<swiper-item>
				<view class="swiper-item">
					<image :src="'https://api-hmugo-web.itheima.net/pyg/banner1.png'"></image>
				</view>
				
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image :src="'https://api-hmugo-web.itheima.net/pyg/banner2.png'"></image>
				</view>
				
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image :src="'https://api-hmugo-web.itheima.net/pyg/banner3.png'"></image>
				</view>
				
			</swiper-item>
			
		</swiper>
	</view>
</template>

<script>
	import badgeMix from'@/mixins/tabbar-badge.js'
	
	export default {
		mixins:[badgeMix],
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	swiper{
		height: 330rpx;
		.swiper-item,
		image{
			width: 100%;
			height: 100%
		}
	}

</style>
